<template>
	<view class="">
		<view class="position-relative" style="height: 6800rpx;">
			<view class="w-100 position-absolute" style="z-index: 10;margin-bottom: 400rpx;">
				<image src="../../static/icon/ysgx.webp" mode="widthFix" class="img"></image>
				<view class="position-absolute w-100" style="bottom: 0;height: 180rpx;">
				</view>
			</view>
			<!-- 商品信息 -->
			<view class="position-absolute" style="margin-left: 67rpx; z-index: 20; top:1300rpx;width: 83%;background-color: rgba(15,64,153,.5);">
				<view class="mb-2" v-for="(item,index) in 3" style="height: 340rpx;border: 1px solid black;">	
				</view>
				<view class="flex w-100 flex-wrap " style="justify-content: space-evenly;">
					<!-- 第一个橱窗 -->
					<view class="mt-1 mb-2" v-for="(item,index) in 2" style="width: 45%; height: 330rpx; border: 1px solid black;">		
					</view>
					<view class="mt-1 mb-2" v-for="(item,index) in 4" style="width: 45%; height: 300rpx; border: 1px solid black;">		
					</view>
					<!-- 调整位置的空块 -->
					<view class="w-100" style="height: 75rpx;">	
					</view>
					<!-- 第二个橱窗 -->
					<view class="mb-2" v-for="(item,index) in 2" style="width: 45%; height: 330rpx; border: 1px solid black;">
					</view>
					<view class="mb-2" v-for="(item,index) in 4" style="width: 45%; height: 300rpx; border: 1px solid black;">
					</view>
					<!-- 调整位置的空块 -->
					<view class="w-100" style="height: 73rpx;">
					</view>
					<!-- 第三个橱窗 -->
					<view class="mb-2" v-for="(item,index) in 2" style="width: 45%; height: 330rpx; border: 1px solid black;">	
					</view>
					<view class="mt-1 mb-2" v-for="(item,index) in 4" style="width: 45%; height: 300rpx; border: 1px solid black;">
					</view>
				</view>		
			</view>
			<view class="w-100 position-absolute" style="z-index: 50; bottom: 0;">
				<botSponsor bgHeight="280rpx"></botSponsor>
			</view>
		</view>
		<view class="position-fixed fixed-bottom" style="height: 110rpx;z-index: 100;">
			<tabsBottom></tabsBottom>
		</view>
	</view>
</template>

<script>
	const app = getApp();
	import tabsBottom from "@/components/tabs/tabs-bottom.vue";
	import botSponsor from "@/components/botsponsor/sponsor.vue"
	export default {
		components: {
			tabsBottom,
			botSponsor
		},
		data() {
			return {
	
			}
		},
		onLoad() {
	
		},
		methods: {
			
		}
	}
</script>

<style>
</style>